<style lang="scss" scoped>
  .position-center {
    position: fixed;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translate(0, -50%);
  }

  .icon-wrp,
  .icon-title {
    opacity: 0.8;
  }

  .icon-wrp {
    width: 30%;
    margin-right: auto;
    margin-left: auto;

    .icon {
      padding-bottom: 100%;

      /* background: url('~@/pages/form-making/assets/images/error.png') no-repeat center center; */
      background-size: 100% auto;
    }
  }

  .icon-title {
    padding-top: 20px;
    color: #ced6e0;
    font-size: 19px;
  }
</style>
<template>
  <div>
    <div class="position-center">
      <div class="icon-wrp">
        <div class="icon"></div>
      </div>
      <div class="icon-title">
        页面不存在
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    methods: {}
  }
</script>
